<template>

  <div class="information">
    <div class="info-cell" v-show="detailInfo.terminationDtRule.isDisplay">
      <div class="label"><span class="red-span">*</span>离职日期</div>
      <span class="value">
        <group>
          <datetime value-text-align="left" placeholder="请选择" v-model="detailInfo.terminationDt" :readonly="!detailInfo.terminationDtRule.isEdit"></datetime>
        </group>
      </span>
    </div>

    <p class="info-cell clearfix" v-show="detailInfo.cTerExplainRule.isDisplay">
      <label class="label">离职原因说明</label>
      <span class="value">
        <input type="text" placeholder="请填写..." v-model="detailInfo.cTerExplain" :readonly="!detailInfo.cTerExplainRule.isEdit">
      </span>
    </p>

    <p class="info-cell clearfix" v-show="detailInfo.cOtherExplainRule.isDisplay">
      <label class="label">其他说明</label>
      <span class="value">
        <input type="text" placeholder="请填写..." v-model="detailInfo.cOtherExplain" :readonly="!detailInfo.cOtherExplainRule.isEdit">
      </span>
    </p>

  </div>

</template>

<script>

  import { Group,Datetime } from 'vux'
  import { dateFormat } from 'vux'

  export default {
    components: {
      Group,Datetime
    },
    props: {

      detailInfo: {}

    },
    data(){
      return {
        date: ''
      }
    }
  }

</script>

<style type="text/scss" lang="scss">
.red-span{
  color: red;
  width: 10px;
}
</style>
